iT邦幫忙

2023 iThome 鐵人賽
DAY 2
0
自我挑戰組

工程師必備系列 第 2 篇

DAY2:手刻的能力

15th鐵人賽
247 瀏覽

  • 分享至 

  • xImage
    •  

DAY2:手刻的能力

首先，先創一個資料夾，然後把資料夾拖曳到VSCODE圖案上，就可以開啟了。
https://ithelp.ithome.com.tw/upload/images/20230902/20162215pd64aifcCY.png

然後新增一個index.html (index這個名子什麼都可以)

https://ithelp.ithome.com.tw/upload/images/20230902/20162215mKWSAF3gk1.png

打!之後會出現一些選項 選一個驚嘆號就可以了~

https://ithelp.ithome.com.tw/upload/images/20230902/20162215dGQ9eSp0jy.png

然後測試看看有沒有成功

https://ithelp.ithome.com.tw/upload/images/20230902/20162215pLXxdxesY3.png

https://ithelp.ithome.com.tw/upload/images/20230902/20162215il881jAlek.png

接下試試看css

https://ithelp.ithome.com.tw/upload/images/20230902/201622156kOD151tRC.png

https://ithelp.ithome.com.tw/upload/images/20230902/20162215EgibtO3Eyl.png

https://ithelp.ithome.com.tw/upload/images/20230902/20162215q1Xu7Q5AeB.png

以上是一個大概，不過我個人認為這都是必須要會的，不是每個人都有必要用到框架的，如果想要的專案沒有很大的話不是很建議用框架，因為會占比較多空間跟速度會慢一點點，後面會教框架怎麼用。

到時候會用React框架教學，Vue也會用，有錯歡迎指教一下。

然後要下載node.js 到時候也會用到。

https://nodejs.org/zh-tw/download


上一篇
DAY1:開發工具 Visual Studio Code
下一篇
DAY3:開始製作自我介紹頁面
系列文
工程師必備 共 11 篇
  1. 7
    DAY7: 探索 React 與 Next.js
  2. 8
    DAY8:開始React
  3. 9
    DAY9:深入了解 React 狀態管理(更新)
  4. 10
    DAY10:使用本地存儲在 React 中保持狀態
  5. 11
    DAY11:使用React Router實現前端路由
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙